<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="renderer" content="webkit">
    <title>网站信息</title>
    <link rel="stylesheet" href="__CSS__/pintuer.css">
    <link rel="stylesheet" href="__CSS__/admin.css">
    <link rel="stylesheet" href="http://127.0.0.1/oa/extend/layer/mobile/need/layer.css">
    <link rel="stylesheet" href="http://127.0.0.1/oa/extend/layui/css/layui.css">
    <script src="__JS__/jquery.js"></script>
    <script src="http://127.0.0.1/oa/extend/layer/layer.js"></script>
    <script src="http://127.0.0.1/oa/extend/layui/layui.js"></script>
    <script src="__JS__/pintuer.js"></script>
</head>
<style>
    .div {
        text-align: center;
        width: 1080px;
        margin: auto
    }
</style>
<body class="bodys panel admin-panel">
<div class="panel-head"><strong><span class="icon-pencil-square-o"></span>管理员信息</strong>&emsp;<a style="color: #3a4bfb;font-weight: bold " href="javascript:history.go(-1)">返回上一步</a></div>
<div class="div">
    <div style="margin-top: 10px">
        管理员姓名：<input style="width: 150px; height: 30px; text-align: left" type="text" name="ch_name">
    </div>
    <div style="margin-top: 10px; margin-bottom: 10px">
        管理员邮箱：<input style="width: 150px; height: 30px; text-align:left" type="text" name="ch_name">
    </div>
    <div style="margin-bottom: 10px">
        分&nbsp;配&nbsp;角&nbsp;色：<select style="width: 150px; height: 30px; text-align: center">
        <option value="0">请选择角色</option>
        {foreach name="role" id="vo"}
        <option value="{$vo.id}">{$vo.role}</option>
        {/foreach}
    </select>
    </div>
</div>
<button id="button">按钮</button>
<input type="text" class="layui-input" id="test1">
</body>
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#test1' //指定元素
            //,show: true //直接显示
            //,type: 'datetime'
            // ,range: '~'
            , format: 'yyyy年MM月dd日' //可任意组合
            , theme: 'grid'
            , calendar: true
            , mark: {
                '0-10-14': '生日'
                , '0-12-31': '跨年' //每年12月31日
                , '0-0-10': '工资' //每个月10号
                , '2017-11-16': '工资工资' //具体日期
                , '2017-8-20': '预发' //如果为空字符，则默认显示数字+徽章
                , '2017-8-21': '发布'
            }
            , done: function (value, date) {
                if (date.year === 2017 && date.month === 11 && date.date === 15) { //点击2017年8月15日，弹出提示语
                    ins1.hint('中国人民抗日战争胜利72周年');
                }
            }
        });
    });
    //layer.alert('见到你真的很高兴', {icon: 6});
    //layer.alert('见到你真的bu高兴', {icon: 5});
    $(document).on('click', '#button', function () {
        /*layer.open({
         type: 1,
         title: false,
         closeBtn: 0,
         shadeClose: true,
         skin: 'yourclass',
         content: '自定义HTML内容'
         });*/
        layui.use(['layer', 'form'], function () {
            var layer = layui.layer
                , form = layui.form;
            /*layer.alert('见到你真的很高兴', {icon: 5});

             layer.open({
             type: 1,
             title: false,
             closeBtn: 0,
             shadeClose: true,
             skin: 'yourclass',
             content: '自定义HTML内容'
             });*/

            /*//tips层-上
             layer.tips('上', '#button', {
             tips: [1, '#0FA6D8'] //还可配置颜色
             });*/

            /* //tips层-不销毁之前的
             layer.tips('不销毁之前的', '#button', {
             tipsMore: true
             });*/

            //layer.msg('Hello World');

            // layer.msg('尼玛，打个酱油', {icon: 4});

            /* layer.msg('玩命卖萌中', function(){
             //关闭后的操作
             layer.load(1);
             setTimeout(function(){
             layer.closeAll('loading');
             }, 2000);
             });*/

            /*//默认prompt
             layer.prompt(function(val, index){
             layer.msg('得到了'+val);
             layer.close(index);
             });*/

            layer.confirm('你确定要删除吗', {icon: 7, title: '提示'}, function (index) {
                //do something
                layer.msg('删除成功', {icon: 1});
                layer.close(index);
            });

            /* //弹出即全屏
             var index = layer.open({
             type: 2,
             content: 'http://layim.layui.com',
             area: ['320px', '195px'],
             maxmin: true
             });*/

            /* //正上方
             layer.msg('灵活运用offset', {
             offset: 't',
             anim: 6
             });*/

            //layer.msg('Hi');
        });
    });
    function cw() {
        var checklists = document.getElementsByName("selected");
        for (var m = 0; m < checklists.length; m++) {
            if (checklists[m].checked) {
                document.getElementById("controlAll1").checked = 1
            }
        }
    }
    function selectAll() {
        var checklist = document.getElementsByName("selected");
        if (document.getElementById("controlAll1").checked) {
            for (var i = 0; i < checklist.length; i++) {
                checklist[i].checked = 1;
            }
        } else {
            for (var j = 0; j < checklist.length; j++) {
                checklist[j].checked = 0;
            }
        }
    }
    function selectAlls() {
        var checklist = document.getElementsByName("selecteds");
        if (document.getElementById("controlAll2").checked) {
            for (var i = 0; i < checklist.length; i++) {
                checklist[i].checked = 1;
            }
        } else {
            for (var j = 0; j < checklist.length; j++) {
                checklist[j].checked = 0;
            }
        }
    }
    function selecta() {
        var checklist = document.getElementsByName("qq");
        if (document.getElementById("select").checked) {
            for (var i = 0; i < checklist.length; i++) {
                checklist[i].checked = 1;
                selectAlls();
                selectAll();
            }
        } else {
            for (var j = 0; j < checklist.length; j++) {
                checklist[j].checked = 0;
                selectAlls();
                selectAll();
            }
        }
    }
</script>
</html>